<div>
<ul data-role="listview" data-inset="true" id="lvController">
	<li data-role="list-divider">
		<div data-role="controlgroup" data-type="horizontal"
			style="float: left;">
			<h3 id="planName">Task: <%=id%></h3>
		</div>
		<div data-role="controlgroup" data-type="horizontal"
			data-mini="true" style="float: right;">
			<a href="#" id="editPlan"
				class="ui-btn ui-corner-all ui-icon-edit ui-btn-icon-notext">Icon
				only</a> <a href="#" id="deletePlan"
				class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon
				only</a>
		</div>
	</li>
	<li style="padding-top: 0; padding-bottom: 0;">
		<div data-role="fieldcontain" data-type="horizontal">
			<label for="textinput-id">ID:</label> <input type="text"
				name="textinput-id" id="textinput-id" placeholder="ID" value="<%=id%>"
				readonly>
		</div>
	</li>
	<li style="padding-top: 0; padding-bottom: 0;">
		<div data-role="fieldcontain" data-type="horizontal">
			<label for="textinput-name">Name:</label> <input type="text"
				name="textinput-name" id="textinput-name" placeholder="No name"
				value="<%=name%>" readonly>
		</div>
	</li>	
	<li style="padding-top: 0; padding-bottom: 0;">
		<div data-role="fieldcontain" data-type="horizontal">
			<label for="textinput-description">Description:</label> <input
				type="text" name="textinput-description"
				id="textinput-description" placeholder="Description" value="<%=description%>"
				readonly>
		</div>
	</li>
	
	<li style="padding-top: 0; padding-bottom: 0;">
		<div data-role="fieldcontain" data-type="horizontal">
			<label for="textinput-account">Account:</label> <input type="text"
				name="textinput-account" id="textinput-account" placeholder="Account"
				value="<%=account%>" readonly>
		</div>
	</li>	
</ul>

<br />
<ul data-role="listview" data-inset="true" id="lvTasks">
	<li data-role="list-divider">
		<div data-role="controlgroup" data-type="horizontal"
			style="float: left;">
			<h3 id="tasksHeader">Task:</h3>
		</div>
		<div data-role="controlgroup" data-type="horizontal"
			data-mini="true" style="float: right;">
			<a href="#" id="selectAllTasks" class="ui-btn ui-corner-all">Select all task</a>
			<a href="#" id="deSelectAllTasks" class="ui-btn ui-corner-all">DeSelect all task</a>
			<a href="#" id="deleteTasks" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>
			<a id="editTaskForPlan"
				class="ui-btn ui-corner-all ui-icon-plus ui-btn-icon-notext">Icon only</a>
		</div>
	</li>

</ul>
<ul data-role="listview" data-inset="true" id="lvValveGroups">
	<li data-role="list-divider">
		<div data-role="controlgroup" data-type="horizontal"
			style="float: left;">
			<h3 id="navValveGroupsHeader">Timer:</h3>
		</div>
		<div data-role="controlgroup" data-type="horizontal"
			data-mini="true" style="float: right;">
			<a href="#" id="selectAllValveGroup" class="ui-btn ui-corner-all">Select all group</a>
			<a href="#" id="deSelectAllValveGroup" class="ui-btn ui-corner-all">DeSelect all group</a>
			<a href="#" id="deleteValveGroups" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>
			<a id="addValveGroup"
				class="ui-btn ui-corner-all ui-icon-plus ui-btn-icon-notext">Icon only</a>
		</div>
	</li>

</ul>
<script type="text/javascript" src="owjs/wPlanMgrWatering.js"></script>
</div>